<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            /* 合并单元格边框 */
            border-collapse: collapse;
        }
    </style>
</head>
<body>
    <!-- table标签表示表格 
        tr 表示一行 
        td表示一列一个单元格 
        border属性给表格设置边框
        cellspacing 表示单元格和单元格之间距离
        align 属性表示表格水平对齐方式 居中对齐
        left center right 
        bgcolor 设置表格背景色 
    -->
    <table background="../音视频/6.jpg" width="400px" bgcolor="orange" align="center" height="300px" border="1" cellspacing="0">
        <!-- 表格表头 -->
        <thead></thead>
        <!-- 表格表体 -->
        <tbody>
            <tr>
                <!-- ctrl + d  -->
                 <!-- th 表头标题标签 自带居中加粗效果 -->
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
            <tr bgcolor="pink">
                <td>terry</td>
                <td>male</td>
                <td>28</td>
            </tr>
            <tr>
                <td>larry</td>
                <td>female</td>
                <td>32</td>
            </tr>
        </tbody>
        <!-- 表格表脚 -->
        <tfoot></tfoot>
    </table>
</body>
</html>